<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的购物车 - 京东商城</title>
		<link rel="icon" type="text/css" href="../img/icon/favicon.ico"/>
		<link rel="stylesheet" type="text/css" href="../css/base.css"/>
		<link rel="stylesheet" type="text/css" href="../css/header.css"/>
		<link rel="stylesheet" type="text/css" href="../css/foot.css"/>
		<link rel="stylesheet" type="text/css" href="../css/ShoppingCart.css"/>
		<script src="../jQuery/jquery-1.8.3.js"></script>
		<script src="../jQuery/header.js"></script>
		<script src="../jQuery/jQuery.js"></script>
		<script src="../js/JS.js"></script>
	</head>
	<body>
		<!--顶部导航-->
        <div id="navbox" style="background-color: #E3E4E5; height: 30px;">
        	<div class="nav">
	        	<ul class="address">
	        		<li class="fh-sy">
	        			<img src="../img/header/1.png"/>
	        			<p><a href="../../HomePage/HomePage/HomePage.html">京东首页</a>&nbsp;&nbsp;&nbsp;</p>
	        		</li>
	        		<li class="addressli">
	        			<img src="../img/header/QQ图片20191129142227.png"/>
	        			<p>河北</p>
			        	<div class="addressxiala">
		        			<div class="centent">
		        				<ul class="dizhi01">
		        				<li>上海</li>
		        				<li>天津</li>
		        				<li>河北</li>
		        				<li>重庆</li>
		        				<li>北京</li>
		        				<li>上海</li>
		        				<li>天津</li>
		        				<li>河北</li>
		        				<li>重庆</li>
		        				<li>北京</li>
		        				<li>上海</li>
		        				<li>天津</li>
		        				<li>河北</li>
		        				<li>重庆</li>
		        				<li>北京</li>
		        				<li>上海</li>
		        				<li>天津</li>
		        				<li>河北</li>
		        				<li>重庆</li>
		        				<li>北京</li>
		        				<li>上海</li>
		        				<li>天津</li>
		        				<li>河北</li>
		        				<li>重庆</li>
		        				<li>北京</li>
		        				<li>上海</li>
		        				<li>天津</li>
		        				<li>河北</li>
		        				<li>重庆</li>
		        				<li>北京</li>
		        			</ul>
		        			</div>
		        		<div class="dizhi02">
		        			<h5>地区专享版本</h5>
		        			<span id="zhongguo">
		        				中国港澳
		        			</span>
		        		</div>
		        		<div class="dizhi03">
		        			<h5>Available Sites</h5>
		        			<span>Global Site</span>
		        			<span>Situs Indonesia</span>
		        			<span>Sitio de España</span>
		        			<span>เว็บไซต์ประเทศไทย</span>
		        			<span>Сайт России</span>
		        		</div>
		        	</div>
	        	</li>
	        	</ul>
	        	<ul class="topcontent">
	        		<li class="neirong">
	        			<a href="javascript:void(0);">你好，请登录</a>
	        			&nbsp;
	        			<a href="javascript:void(0);"style="color:red" class="manfeizhuce">免费注册</a>
	        		</li>
	        		<li class="shuxian">|</li>
	        		<li class="neirong neihei"><a href="#">我的订单</a></li>
	        		<li class="shuxian">|</li>
	        		<li class="neirong wodejingdongli neihei"><a href="#">我的京东</a>
	        			<div class="wodejingdong">
	        				<ul class="xiala01 daohanghover">
	        					<li>待处理订单</li>
	        					<li>待处理订单</li>
	        					<li>消息</li>
	        					<li>降价商品</li>
	        					<li>我的关注</li>
	        					<li>我的问答</li>
	        				</ul>
	        				<ul class="xiala02 daohanghover">
	        					<li>我的京豆</li>
	        					<li>我的优惠券</li>
	        					<li>我的白条</li>
	        					<li>我的理财</li>
	        				</ul>
	        			</div>
	        		</li>
	        		<li class="shuxian">|</li>
	        		<li class="neirong neihei"><a href="#">京东会员</a></li>
	        		<li class="shuxian">|</li>
	        		<li class="qiye neihei"><a href="#" style="color:red">企业采购</a>
	        			<div class="qiyecaigou">
	        				<ul class="qiyecaigouul daohanghover">
	        				<li>企业购</li>
	        				<li>商用场景馆</li>
	        				<li>工业品</li>
	        				<li>礼品卡</li>
	        			</ul>
	        			</div>
	        			
	        		</li>
	        		<li class="shuxian">|</li>
	        		<li class="neirong neihei kehufuwuli"><a href="#">客户服务</a>
	        			<div class="kehufuwu">
	        				<dl class="kehu">
	        					<dt>客户</dt>
	        					<dd>帮助中心</dd>
	        					<dd>在线客服</dd>
	        					<dd>电话客服</dd>
	        					<dd>金融咨询</dd>
	        					<dd>售后服务</dd>
	        					<dd>意见建议</dd>
	        					<dd>客服邮箱</dd>
	        					<dd>全球售客服</dd>
	        				</dl>
	        				<dl class="shanghu">
	        					<dt>商户</dt>
	        					<dd>合作招商</dd>
	        					<dd>合作招商</dd>
	        					<dd>商家帮助</dd>
	        					<dd>成长中心</dd>
	        					<dd>京麦工作台</dd>
	        					<dd>规则平台</dd>
	        				</dl>
	        			</div>
	        		</li>
	        		<li class="shuxian">|</li>
	        		<li class="neirong neihei wangzhandaohangli"><a href="#">网站导航</a>
	        			<div class="wangzhandaohang">
	        				<dl>
	        					<dt>特色主题</dt>
	        					<dd>新品首发</dd>
	        					<dd>京东金融</dd>
	        					<dd>全球售</dd>
	        					<dd>国际站</dd>
	        					<dd>京东会员</dd>
	        					<dd>京东预售</dd>
	        					<dd>买什么</dd>
	        					<dd>俄语站</dd>
	        					<dd>装机大师</dd>
	        					<dd>0元评测</dd>
	        					<dd>港澳售</dd>
	        					<dd>优惠券</dd>
	        					<dd>秒杀</dd>
	        					<dd>闪购</dd>
	        					<dd>印尼站</dd>
	        					<dd>京东金融科技</dd>
	        					<dd>陪伴计划</dd>
	        					<dd>出海招商</dd>
	        					<dd>拍拍二手</dd>
	        				</dl>
	        				<dl class="wangdaoxia">
	        					<dt>行业频道</dt>
	        					<dd>新品首发</dd>
	        					<dd>京东金融</dd>
	        					<dd>全球售</dd>
	        					<dd>国际站</dd>
	        					<dd>京东会员</dd>
	        					<dd>京东预售</dd>
	        					<dd>买什么</dd>
	        					<dd>俄语站</dd>
	        					<dd>装机大师</dd>
	        					<dd>0元评测</dd>
	        					<dd>港澳售</dd>
	        					<dd>优惠券</dd>
	        					<dd>秒杀</dd>
	        					<dd>闪购</dd>
	        					<dd>印尼站</dd>
	        				</dl>
	        				<dl class="wangdaoxia">
	        					<dt>生活服务</dt>
	        					<dd>新品首发</dd>
	        					<dd>京东金融</dd>
	        					<dd>全球售</dd>
	        					<dd>国际站</dd>
	        					<dd>京东会员</dd>
	        					<dd>京东预售</dd>
	        					<dd>买什么</dd>
	        					<dd>俄语站</dd>
	        					<dd>装机大师</dd>
	        					<dd>0元评测</dd>
	        					<dd>港澳售</dd>
	        					<dd>优惠券</dd>
	        					<dd>秒杀</dd>
	        					<dd>闪购</dd>
	        					<dd>印尼站</dd>
	        				</dl>
	        				<dl class="wangdaoxia" style="border: none;">
	        					<dt>更多精选</dt>
	        					<dd>新品首发</dd>
	        					<dd>京东金融</dd>
	        					<dd>全球售</dd>
	        					<dd>国际站</dd>
	        					<dd>京东会员</dd>
	        					<dd>京东预售</dd>
	        					<dd>买什么</dd>
	        					<dd>俄语站</dd>
	        					<dd>装机大师</dd>
	        					<dd>0元评测</dd>
	        					<dd>港澳售</dd>
	        					<dd>优惠券</dd>
	        					<dd>秒杀</dd>
	        					<dd>闪购</dd>
	        					<dd>印尼站</dd>
	        				</dl>
	        			</div>
	        		</li>
	        		<li class="shuxian">|</li>
	        		<li class="neirong neihei shoujijingdongli"><a href="#">手机京东</a>
	        			<div class="shoujijingdong" style="background-image: url(../img/header/QQ图片20191129141106.png); background-position: center; background-repeat: no-repeat;"></div>
	        		</li>
	        	</ul>
        	</div>
        </div>
		<!--搜索框-->
		<div id="sousuobox">
	        		<div class="sousuo">
	        			<div class="sousuo-img-yin" style="background-image: url(../img/header/jd.png); width: 130px; height: 49px; display: block; margin-left: 30px;">
	        				
	        			</div>
	        		<div class="sousuoborder">
	        			<input  type="text" />
	        			<button>搜索</button>
	        			<img src="../img/header/QQ图片20191129144734.png"/>
	        		</div>
	        		<div class="sousuoimg">
	        			<img src="../img/header/g-wc.png"/>
	        		</div>
	        		<!--<div class="gouwuche">
	        			<img src="../img/header/QQ图片20191129145305.png"/>
	        			<p>我的购物车</p>
	        			<div class="wodegouwuche">
	        				<div class="imggouwu" style="background-image: url(../img/header/58004d6dN2927f0f7.png);">
	        					
	        				</div>
	        				<p>购物车中还没有商品，赶紧选购吧！</p>
	        			</div>
	        		</div>-->
	        		<!--<div class="wenzixiao">
		        		<a href="#" style="color: red;">宏基台式电脑</a>
		        		<a href="#">扩展坞</a>
		        		<a href="#">电视</a>
		        		<a href="#">空调</a>
		        		<a href="#">thinkpad</a>
		        		<a href="#">插座</a>
		        		<a href="#">笔记本</a>
		        		<a href="#">记录仪</a>
		        	</div>-->
	        	</div>
        	</div>
		<!--购物车主体-->
		<div id="shopping-body">
			<div class="sp-tit-box">
				<div class="sh-biao-tit">
					<em>全部商品</em><span> 0</span>
				</div>
				<div class="sh-addr-di">
					<p>配送至：<select name="河北省">
						<option value="河北省邯郸市邯山区职业技术学院">河北省邯郸市邯山区职业技术学院</option>
					</select></p>
				</div>
			</div>
			<div class="sp-tit-box2">
				<div class="sp-quan-checkbox sp-sp-q">
					<input type="checkbox" id="chkAll" class="qi-jian-dian" />
					全选
				</div>
				<div class="sp-sp-q-s">商品</div>
				<div class="sp-sp-q-d">单价</div>
				<div class="sp-sp-q-su">数量</div>
				<div class="sp-sp-q-x">小计</div>
				<div class="sp-sp-q-c">操作</div>
			</div>
			<div class="sou-you-shang-box">
				<div class="sp-list-xu">
					<div class="sp-tit-box3">
						<input type="checkbox" name="" id="qi-jian-dian" class="qi-jian-dian" value="" />
						<a href="#"></a>
						<img src="../imgxiao/jd.png" class="jd-yi"/>
					</div>
					<div id="dian-pu-shang-box">
						<div class="sp-content">
							<div class="content-1">
								<input type="checkbox" name="" id="" onclick="checkdian()" class="wu-check-xuan" value="" />
							</div>
							<div class="content-2">
								<img src="../imgxiao/1.jpg" width="80px"/>
							</div>
							<div class="content-3">
								<a href="#"></a>
								<div class="con-img-tiao">
									<img src="../imgxiao/tx.png" width="20px"/>
									<p>挑服务</p>
								</div>
							</div>
							<div class="content-4">
								<p></p>
								<span></span>
							</div>
							<div class="content-5">
								$<span>00.00</span>
							</div>
							<div class="content-6">
								<span class="con-jian-le">-</span>
								<span class="con-content-cen">1</span>
								<span class="cont-jia-right">+</span>
							</div>
							<div class="content-7">
								$<span>00.00</span>
							</div>
							<div class="content-8">
								<a href="javascript:void(0)" class="shang-delete">删除</a>
								<a href="javascript:void(0)">移到我的关注</a>
							</div>
						</div>
					</div>
				</div>
				<div class="sp-list-xu">
					<div class="sp-tit-box3">
						<input type="checkbox" name="" id="qi-jian-dian" class="qi-jian-dian" value="" />
						<a href="#">TOPSPORTS官方旗舰店</a>
						<img src="../imgxiao/jd.png" class="jd-yi"/>
					</div>
					<div id="dian-pu-shang-box">
						<div class="sp-content">
							<div class="content-1">
								<input type="checkbox" name="" id="" onclick="checkdian()" class="wu-check-xuan" value="" />
							</div>
							<div class="content-2">
								<img src="../imgxiao/1.jpg" width="80px"/>
							</div>
							<div class="content-3">
								<a href="#">2鬼冢虎 ONITSUKA TIGER MEXICO 66 中性休闲鞋 D3K0N D3K0N-100 36</a>
								<div class="con-img-tiao">
									<img src="../imgxiao/tx.png" width="20px"/>
									<p>挑服务</p>
								</div>
							</div>
							<div class="content-4">
								<p>D3K0N-100</p>
								<span>36</span>
							</div>
							<div class="content-5">
								$<span>399.00</span>
							</div>
							<div class="content-6">
								<span class="con-jian-le">-</span>
								<span class="con-content-cen">1</span>
								<span class="cont-jia-right">+</span>
							</div>
							<div class="content-7">
								$<span>399.00</span>
							</div>
							<div class="content-8">
								<a href="javascript:void(0)" class="shang-delete">删除</a>
								<a href="javascript:void(0)">移到我的关注</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="sp-quan-shan">
				<div class="sp-quan-shan-le">
					<input type="checkbox" name="" id="chkAll2" value="" class="qi-jian-dian"  />
					<a href="#">全选</a>
					<a href="#">删除选中商品</a>
					<a href="#">移到关注</a>
					<a href="javascript:void(0)" class="qing-li-gou">清理购物车</a>
				</div>
				<div class="sp-jie-box">
					<div class="sp-jie-im">
						<p>总价：<span class="jie-suan-fu">$</span><span class="zong-jia-z">00.00</span><img src="../imgxiao/!.png" title="该商品不包邮"/></p>
						<p>促销：-$0.00</p>
					</div>
					<div class="yijingxuanzede">已选择<span class="sp-xu-zhong">0</span>件商品</div>
					<div class="jie-quan-an">
						<span class="jie-suan-an">去结算</span>
					</div>
				</div>
			</div>
			<div class="sp-quan-tuijian">
				<h3>购物车帮你选</h3>
				<p>看看加购过该商品的人还喜欢哪些</p>
				<div class="tui-zhu-tis">
					<ul>
						<li>
							<div class="tui-shang-content">
								<img src="../imgxiao/t1.jpg"/>
								<p>Reebok运动健身 CN Down Jkt C/B W 女子羽绒茄克 IUA01 FS6307_藏青色/红色 A/S</p>
								$<span>793.00</span>
								<div class="jia-ru-an">
									<span>加入购物车</span>
								</div>
							</div>
						</li>
						<li>
							<div class="tui-shang-content">
								<img src="../imgxiao/t2.jpg"/>
								<p>匹克情侣款风衣2019秋季新款防风连帽上衣休闲夹克外套运动服男R 黑色 2/XL</p>
								$<span>723.00</span>
								<div class="jia-ru-an">
									<span>加入购物车</span>
								</div>
							</div>
						</li>
						<li>
							<div class="tui-shang-content">
								<img src="../imgxiao/t3.jpg"/>
								<p>adidas neo阿迪休闲2019男子M PAD JKT 3中棉棉服FK9942 FK9942 L</p>
								$<span>343.00</span>
								<div class="jia-ru-an">
									<span>加入购物车</span>
								</div>
							</div>
						</li>
						<li>
							<div class="tui-shang-content">
								<img src="../imgxiao/t4.jpg"/>
								<p>Adidas阿迪达斯 19冬季新品男子运动休闲棉服夹克外套 DZ1428 DZ1429-19冬季 M</p>
								$<span>423.00</span>
								<div class="jia-ru-an">
									<span>加入购物车</span>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!--尾部-->
		<div id="footer">
			<div class="f-top">
				<ul class="f-top-ul">
					<li>
						<img src="../img3/尾部/1t.png" width="50px"/>
						<h2>品类齐全，轻松购物</h2>
					</li>
					<li>
						<img src="../img3/尾部/2t.png" width="50px"/>
						<h2>多仓直发，极速配送</h2>
					</li>
					<li>
						<img src="../img3/尾部/3t.png" width="50px"/>
						<h2>正品行货，精致服务</h2>
					</li>
					<li>
						<img src="../img3/尾部/4t.png" width="50px"/>
						<h2>天天低价，畅选无忧</h2>
					</li>
				</ul>
			</div>
			<div class="f-cent">
				<div class="f-cent-01">
					<div class="f-cent-xiao">
						<h5>购物指南</h5>
						<ul>
							<li><a href="#">购物流程</a></li>
							<li><a href="#">会员介绍</a></li>
							<li><a href="#">生活旅行</a></li>
							<li><a href="#">常见问题</a></li>
							<li><a href="#">大家电</a></li>
							<li><a href="#">联系客服</a></li>
						</ul>
					</div>
					<div class="f-cent-xiao">
						<h5>配送方式</h5>
						<ul>
							<li><a href="#">上门自提</a></li>
							<li><a href="#">211直达</a></li>
							<li><a href="#">配送服务查询</a></li>
							<li><a href="#">配送费收费标准</a></li>
							<li><a href="#">海外配送</a></li>
						</ul>
					</div>
					<div class="f-cent-xiao">
						<h5>支付方式</h5>
						<ul>
							<li><a href="#">货到付款</a></li>
							<li><a href="#">在线支付</a></li>
							<li><a href="#">分期付款</a></li>
							<li><a href="#">公司转账</a></li>
						</ul>
					</div>
					<div class="f-cent-xiao">
						<h5>售后服务</h5>
						<ul>
							<li><a href="#">售后政策</a></li>
							<li><a href="#">价格保护</a></li>
							<li><a href="#">退款说明</a></li>
							<li><a href="#">返修/退换货</a></li>
							<li><a href="#">取消订单</a></li>
						</ul>
					</div>
					<div class="f-cent-xiao">
						<h5>特色服务</h5>
						<ul>
							<li><a href="#">夺宝岛</a></li>
							<li><a href="#">DIV装机</a></li>
							<li><a href="#">延保服务</a></li>
							<li><a href="#">京东E卡</a></li>
							<li><a href="#">京东通信</a></li>
							<li><a href="#">鲸鱼座智能</a></li>
						</ul>
					</div>
					<div class="f-cent-xiao">
						<h5 style="text-align: center;">京东自营覆盖区县</h5>
						<div class="f-fu-q">
							<p>
								京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。
							</p>
							<p style="text-align: right;"><a href="#" class="f-a-hover">查看详情></a></p>
						</div>
					</div>
				</div>
			</div>
			<div class="f-foot">
				
				<div class="f-foot-cen">
					<p>
						<a href="#">关于我们</a><span>|</span>
						<a href="#">联系我们</a><span>|</span>
						<a href="#">联系客服</a><span>|</span>
						<a href="#">合作招商</a><span>|</span>
						<a href="#">商家帮助</a><span>|</span>
						<a href="#">营销中心</a><span>|</span>
						<a href="#">手机京东</a><span>|</span>
						<a href="#">友情链接</a><span>|</span>
						<a href="#">销售联盟</a><span>|</span>
						<a href="#">京东社区</a><span>|</span>
						<a href="#">风险监测</a><span>|</span>
						<a href="#">隐私政策</a><span>|</span>
						<a href="#">京东公益</a><span>|</span>
						<a href="#">English Site</a><span>|</span>
						<a href="#">Media & IR</a>
					</p>
					<p>
						<a href="#">京公网安备 11000002000088号</a><span>|</span>
						<a href="#">京ICP证070359号</a><span>|</span>
						<a href="#">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a><span>|</span>
						<a href="#">新出发京零 字第大120007号</a>
					</p>
					<p>
						<a href="#">互联网出版许可证编号新出网证(京)字150号</a><span>|</span>
						<a href="#">出版物经营许可证</a><span>|</span>
						<a href="#">网络文化经营许可证京网文[2014]2148-348号</a><span>|</span>
						<a href="#">违法和不良信息举报电话：4006561155</a>
					</p>
					<p>
						<a href="#">Copyright © 2004 - </a><span>|</span>
						<a href="#">消费者维权热线：4006067733</a><span>|</span>
						<a href="#">经营证照</a><span>|</span>
						<a href="#">(京)网械平台备字(2018)第00003号</a><span>|</span>
						<a href="#">营业执照</a>
					</p>
					<p class="cen-p-po">
						<a href="#"><img src="../img3/尾部/1c.png" width="19px" class="wei-img-1"/>Global Site</a><span>|</span>&nbsp;&nbsp;&nbsp;&nbsp;
						<a href="#"><img src="../img3/尾部/2c.png" width="19px" class="wei-img-2"/>Сайт России</a><span>|</span>&nbsp;&nbsp;&nbsp;&nbsp;
						<a href="#"><img src="../img3/尾部/3c.png" width="19px" class="wei-img-3"/>Situs Indonesia</a><span>|</span>&nbsp;&nbsp;&nbsp;&nbsp;
						<a href="#"><img src="../img3/尾部/4c.png" width="19px" class="wei-img-4"/>Sitio de España</a><span>|</span>&nbsp;&nbsp;&nbsp;&nbsp;
						<a href="#"><img src="../img3/尾部/5c.png" width="19px" class="wei-img-5"/>เว็บไซต์ประเทศไทย</a>
					</p>
					<p>
						<a href="#">京东旗下网站：</a>
						<a href="#">京东钱包</a><span>|</span>
						<a href="#">京东云</a>
					</p>
				</div>
				<p>
					<a href="#"><img src="../img3/尾部/1f.png" title="有效链接"/></a>
					<a href="#"><img src="../img3/尾部/2f.png" title="有效链接"/></a>
					<a href="#"><img src="../img3/尾部/3f.png" title="有效链接"/></a>
					<a href="#"><img src="../img3/尾部/4f.png" title="有效链接"/></a>
					<a href="#"><img src="../img3/尾部/5f.png" title="有效链接"/></a>
				</p>
			</div>
			
		</div>
	</body>
</html>
